@import 'commons.less';
tui\:picture {
	display: block;
	position: relative;
	margin: 4px;
	overflow: hidden;
	min-height: 40px;
	img {
		max-width: 100%;
		border: 0;
		display: block;
	}

	&:before {
		content: none;
	}

	&.tui-picture-empty {
		height: 100px;
		line-height: 100px;
		border: 3px dashed #ccc;
		color: #ccc;
		text-align: center;
		.icon-base();
		display: block;
		font-size: 24pt;
		.border-radius(5px);
		img {
			display: none;
		}
		&:before {
			.fa-image();
		}
	}

	&.tui-drag-enter {
		background-color: #eee;
		.opacity(0.5);
	}

	>div {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -31px;
		height: 30px;
		line-height: 30px;
		background-color: #ccc;
		cursor: pointer;
		transition: bottom .3s;
		z-index: 1;
		text-align: center;
		.opacity(0.7);
		.icon-base();
		font-size: 20px;
		color: #333;
		&:before {
			.fa-trash();
		}

		&.tui-toolbar-show {
			bottom: 0px;
		}
	}
}